<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="css/DaoHangTiao.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/flexible-bootstrap-carousel.css" />
		<link rel="stylesheet" href="css/bootstrap-select.min.css">
		<link rel="stylesheet" type="text/css" href="css/styles.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/bootstrap-select.min.js"></script>
		<script type="text/javascript" src="js/flexible-bootstrap-carousel.js"></script>
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript">
			function banner() {
				var bn_id = 0;
				var bn_id2 = 1;
				var speed33 = 5000;
				var qhjg = 1;
				var MyMar33;
				$("#banner .d1").hide();
				$("#banner .d1").eq(0).fadeIn("slow");
				if($("#banner .d1").length > 1) {
					$("#banner_id li").eq(0).addClass("nuw");

					function Marquee33() {
						bn_id2 = bn_id + 1;
						if(bn_id2 > $("#banner .d1").length - 1) {
							bn_id2 = 0;
						}
						$("#banner .d1").eq(bn_id).css("z-index", "2");
						$("#banner .d1").eq(bn_id2).css("z-index", "1");
						$("#banner .d1").eq(bn_id2).show();
						$("#banner .d1").eq(bn_id).fadeOut("slow");
						$("#banner_id li").removeClass("nuw");
						$("#banner_id li").eq(bn_id2).addClass("nuw");
						bn_id = bn_id2;
					};

					MyMar33 = setInterval(Marquee33, speed33);

					$("#banner_id li").click(function() {
						var bn_id3 = $("#banner_id li").index(this);
						if(bn_id3 != bn_id && qhjg == 1) {
							qhjg = 0;
							$("#banner .d1").eq(bn_id).css("z-index", "2");
							$("#banner .d1").eq(bn_id3).css("z-index", "1");
							$("#banner .d1").eq(bn_id3).show();
							$("#banner .d1").eq(bn_id).fadeOut("slow", function() {
								qhjg = 1;
							});
							$("#banner_id li").removeClass("nuw");
							$("#banner_id li").eq(bn_id3).addClass("nuw");
							bn_id = bn_id3;
						}
					})
					$("#banner_id").hover(
						function() {
							clearInterval(MyMar33);
						},
						function() {
							MyMar33 = setInterval(Marquee33, speed33);
						}
					)
				} else {
					$("#banner_id").hide();
				}
			}

			function btn1() {
				$('.modal').modal();
			}
		</script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
			a,
			img {
				border: 0;
			}
			
			body {
				font: 12px/180% Arial, Helvetica, sans-serif, "新宋体";
			}
			/* banner */
			
			.banner {
				height: 400px;
				overflow: hidden;
			}
			
			.banner .d1 {
				width: 100%;
				height: 450px;
				display: block;
				position: absolute;
				left: 0px;
				top: 0px;
			}
			
			.banner .d2 {
				width: 100%;
				height: 30px;
				clear: both;
				position: absolute;
				z-index: 100;
				left: 0px;
				top: 360px;
			}
			
			.banner .d2 ul {
				float: left;
				position: absolute;
				left: 50%;
				top: 0;
				margin: 0 0 0 -96px;
				display: inline;
			}
			
			.banner .d2 li {
				width: 17px;
				height: 15px;
				overflow: hidden;
				cursor: pointer;
				background: url(images/img1.png) no-repeat center;
				float: left;
				margin: 0 3px;
				display: inline;
			}
			
			.banner .d2 li.nuw {
				background: url(images/img1_1.png) no-repeat center;
			}
			
			a {
				color: #000000;
			}
			
			a:hover {
				text-decoration: none;
				color: #00BE06;
			}
			
			.tt {
				text-align: center;
				padding-top: 15px;
				margin-top: 30px;
				background-color: #E6E6E6;
				padding-bottom: 30px;
				width: 100%;
			}
			
			.tpfd {
				transition: transform 0.5s;
			}
			
			.tpfd:hover {
				transform: scale(1.08)
			}
			
			.navbar {
				margin: auto;
				padding-left: 160px;
				height: 65px;
			}
			
			.logo {
				padding: 19px;
			}
			
			.tupian {
				padding-top: 0px;
				position: relative;
				left: -40px;
				bottom: 17px;
			}
			
			.navbar-nav>li>a {
				padding-left: 0px;
				padding-bottom: 20px;
				padding-top: 20px;
			}
			
			.button {
				width: 75px;
				height: 40px;
				border: none;
				margin-top: 2px;
				border-bottom-right-radius: 25px;
				border-top-right-radius: 25px;
				background-color: #00BE06;
				padding-right: 70px;
			}
			
			.button>span {
				position: absolute;
				top: 11px;
				margin-right: 50px;
			}
			
			.dh {
				width: 260px;
				height: 40px;
				border: none;
				background-color: #333333;
				float: left;
				margin-top: 3px;
				border-bottom-left-radius: 25px;
				border-top-left-radius: 25px;
				outline: none;
				opacity: 0.5;
			}
			
			.form-group {
				margin-right: 50px;
			}
			
			#back {
				background-image: url(img/tq-banner-bg@2x.jpg);
				height: 400px;
			}
			
			.toubu1 {
				background-color: black;
				width: 530px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 120px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu2 {
				background-color: black;
				width: 390px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 185px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu1 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu2 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu1 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.toubu2 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.huangjin1 {
				color: #E3BA77;
				font-size: 40px;
				font-weight: 400;
			}
			
			.huangjin2 {
				color: #FFEFD7;
				font-size: 40px;
				font-weight: 400;
			}
			
			.xiaozi1 {
				position: absolute;
				color: #E3BA77;
				font-size: 20px;
				top: 95px;
				right: 30px;
			}
			
			.xiaozi2 {
				position: absolute;
				color: #D6BE97;
				font-size: 20px;
				top: 85px;
				right: -8px;
			}
			
			.an1 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 170px;
				color: #E3BA77;
				background-color: transparent;
				font-size: 18px;
				border-color: #E3BA77;
			}
			
			.an2 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 225px;
				color: #D6BE97;
				background-color: transparent;
				font-size: 18px;
				border-color: #D6BE97;
			}
			
			.dfk {
				background-color: #F9F9F9;
				width: 260px;
				height: 125px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.dfk:hover {
				background-color: saddlebrown;
			}
			
			.banquan a {
				color: #000000;
			}
			
			.banquan a:hover {
				text-decoration: none;
				color: #E3BA77;
			}
			
			.VIP {
				position: absolute;
				min-width: 185px;
				padding-top: 14px;
				left: -82px;
				margin-top: 14px;
			}
			
			.denglu {
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				color: white;
				background-color: #C8A06A;
				border: none;
				margin-left: 50px;
			}
			
			.row a {
				font-size: 13px;
				color: black;
			}
			
			.row a:hover {
				color: green;
			}
			
			.row p {
				font-size: 12px;
				color: gray;
			}
			
			.carousel {
				position: relative;
				top: -35px;
			}
		</style>
	</head>

	<body>
		<!--导航条-->
		<nav class="navbar navbar-inverse">

			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="logo" href="index.html"><img src="img/2019-12-09_083755.png" class="tupian"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">

						<li>
							<a href="DianShiJu.html">电视剧</a>
						</li>
						<li>
							<a href="#">电影</a>
						</li>
						<li>
							<a href="ReSouBang.html">热搜榜</a>
						</li>

					</ul>
					<form class="navbar-form navbar-left" role="search">

						<div class="form-group">
							<input type="text" placeholder="木鱼" style="color: white; padding-left: 15px;" class="dh">
							<button class="input-group-addon glyphicon glyphicon-search button" id="basic-addon1"><span>搜全网</span></button>
						</div>
					</form>

					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<div class="t" style="position: relative;bottom: 25px;right: 20px;"><img src="img/2019-12-14_113538.png" class="vipchatu" />
									<ul class="dropdown-menu VIP">
										<li>
											<a href="vip1.html">
												<p><img src="img/10e25c7db4664aeea5f3650a7962d722.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />了解VIP会员特权</p>
											</a>
										</li>
										<li>
											<a href="vip2.html">
												<p><img src="img/4e2e4b297d294926b025d86b8b619d85.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />领取VIP会员福利</p>
											</a>
										</li>
										<li>
											<a href="vip3.html">
												<p><img src="img/fe1d5f33d4034eb0ab61a7abf0ce222f.png" style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;" />做任务，领奖励</p>
											</a>
										</li>
										<li>
											<a href="#">
												<button class="denglu" onclick="btn1()">登录</button>
											</a>
										</li>
									</ul>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="q" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-cloud-upload ac" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="shangchuan">上传</div>
								</div>
							</a>
						</li>
						<li>
							<a href="KeHuDuan.html">
								<div class="w" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-blackboard kh" aria-hidden="true" style="position: relative;left: 14px;"></div>
									<div class="kehu">客户端</div>
								</div>
							</a>

						</li>
						<li>

							<a href="#">
								<div class="e" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-bell xx" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="xiaoxi">消息</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="r" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-dashboard kg" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="kanguo">看过</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#"><img src="img/2019-12-15_173518.png " class="rentou" style="position: relative;bottom: 8px;" /></a>
						</li>
					</ul>
				</div>
		</nav>
		<!--轮播图↓↓↓↓-->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="3"></li>
				<li data-target="#carousel-example-generic" data-slide-to="4"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<a href="#">
						<img src="img/1c4b1b896f84476dbd99eb392b843c82.jpg" alt="...">
						<div class="carousel-caption">

						</div>
					</a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/2cd80d7443164eae936e1157428897a3.jpg" alt="...">
						<div class="carousel-caption">

						</div>
					</a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/a8c56d9184f945268d4a7d8d34ec9108.jpg" alt="...">
						<div class="carousel-caption">

						</div>
					</a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/1ea3a68fb017485b9754caa95111ff71.jpg" alt="...">
						<div class="carousel-caption">

						</div>
					</a>
				</div>
				<div class="item">
					<a href="#">
						<img src="img/8fe48213f7d74354a84717c3df2014a0.jpg" alt="...">
						<div class="carousel-caption">

						</div>
					</a>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

		<div class="row" style="padding-top: 15px;position: relative;top: -40px;text-align: center; font-family: '微软雅黑'; font-size: 16px;background-color: #F9F9F9;width: 100%;">
			<div class="col-md-4">
				地区
			</div>
			<div class="col-md-3">
				类型
			</div>
			<div class="col-md-5">
				年代
			</div>
		</div>
		<div class="row" style="background-color: #F9F9F9;text-align: center;width: 100%;font-family: '微软雅黑'; font-size: 16px;position: relative;top: -40px;">
			<div class="col-md-4">
				<a href="#">内地</a>&ensp;
				<a href="#">韩国</a>&ensp;
				<a href="#">美国</a>&ensp;
				<a href="#">日本</a>&ensp;
			</div>
			<div class="col-md-3">
				<a href="#">古装</a>&ensp;
				<a href="#">言情</a>&ensp;
				<a href="#">武侠</a>&ensp;
				<a href="#">偶像</a>&ensp;
				<a href="#">家庭</a>&ensp;
				<a href="#">青春</a>
			</div>
			<div class="col-md-5">
				<a href="#">2018</a>&ensp;
				<a href="#">2017</a>&ensp;
				<a href="#">2016</a>&ensp;
				<a href="#">2015~2011</a>&ensp;
				<a href="#">2010~2000</a>&ensp;
				<a href="#">90年代</a>&ensp;
				<a href="#">80年代</a>&ensp;
			</div>
		</div>
		<div class="row" style="padding-top: 15px;position: relative;top: -40px; padding-bottom: 15px;background-color: #F9F9F9;text-align: center;width: 100%;font-family: '微软雅黑'; font-size: 16px;">
			<div class="col-md-4">
				<a href="#">泰国</a>&ensp;
				<a href="#">英国</a>&ensp;
				<a href="#">香港内地</a>&ensp;
			</div>
			<div class="col-md-3">
				<a href="#">都市</a>&ensp;
				<a href="#">喜剧</a>&ensp;
				<a href="#">战争</a>&ensp;
				<a href="#">军旅</a>&ensp;
				<a href="#">谍战</a>&ensp;
				<a href="#">悬疑</a>
			</div>
			<div class="col-md-5">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
		</div>

		<div class="container" style="padding-top: 20px;">
			<div class="row" style="font-family: '微软雅黑';font-size: 20px;">
				<div class="col-md-12">
					<a href="#"><span style="font-size: 30px;position: relative;bottom: 30px;">同步热播</span>&ensp;更多></a>
				</div>
			</div>
		</div>
		<section class="examples">
			<div class="container">
				<div class="carousel-example">
					<!-- FLEXIBLE BOOTSTRAP CAROUSEL -->
					<div id="simple-content-carousel" class="carousel flexible slide" data-ride="carousel" data-interval="5000" data-wrap="true">

						<div class="items">
							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142363924_m_601_220_124.jpg" width="300px" class="tpfd" /><br>央视点赞李子柒！除了她，老外还喜欢看他们</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142368731_m_601_220_124.jpg" width="300px" class="tpfd" /><br>美国新泽西州发生枪击事件 已致6人死亡</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142369438_m_601_m1_220_124.jpg" width="300px" class="tpfd" /><br>2019出境游：90后和00后游客增长最快</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/v_142369424_m_601_m1_220_124.jpg" width="300px" class="tpfd" /><br>上海机场“救护车接机”进展：9人受处分</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/2019-12-11_085824.png" width="300px" class="tpfd" /><br>李现竟是郭敬明韩寒书迷？曝光90后青春回忆</a>
							</div>

							<div class="flex-item thumbnail">
								<a href="#"><img src="img/2019-12-11_085838.png" width="300px" class="tpfd" /><br>萧敬腾献唱《误杀》主题曲 唱出父亲的爱与勇敢</a>
							</div>
						</div>

						<div class="carousel-inner" role="listbox">

						</div>

						<a class="left carousel-control" href="#simple-content-carousel" role="button" data-slide="prev">
							<span class="fa fa-angle-left" aria-hidden="true"></span>
							<span class="sr-only"><img src="img/next.png"></span>
						</a>
						<a class="right carousel-control" href="#simple-content-carousel" role="button" data-slide="next">
							<span class="fa fa-angle-right" aria-hidden="true"></span>
							<span class="sr-only"><img src="img/prev.png"></span>
						</a>
					</div>
				</div>

				<div class="container">
					<div class="row" style="position: relative;top: -20px;">
						<div class="col-md-12">
							<div>
								<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
									爱奇艺自制<span style="font-size: 15px;">&ensp;更多>
						</span></a>
							</div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/98686efa4bd44e6c87dc0d813a03ba91.jpg" width="160px" class="tpfd" /> 央视点赞李子柒！除了她，老外还喜欢看他们
									<br />
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/089fc11d51d94d51af805d28fa033ef1.jpg" width="160px" class="tpfd" /> 美国新泽西州发生枪击事件 已致6人死亡</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/9e4bf301b8434fae82173a9bbfbcef79.jpg" width="160px" class="tpfd" /> 2019出境游：90后和00后游客增长最快
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/d5e2bccff03244698f2e2840cf2124c8 (1).jpg" width="160px" class="tpfd" /> 上海机场“救护车接机”进展：9人受处分
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/1dcaabcb35ca40ef93e57b1dba54b695.jpg" width="160px" class="tpfd" /> 李现竟是郭敬明韩寒书迷？曝光90后青春回忆
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/412b489f17774d33a4ee2cd1b6288a8d.jpg" width="160px" class="tpfd" /> 萧敬腾献唱《误杀》主题曲 唱出父亲的爱与勇敢</a>
							</div>
						</div>
					</div>
				</div>

				<div class="container">
					<div class="row">
						<div class="col-md-12" style="padding-top: 10px; padding-bottom: 10px;">
							<div>
								<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
									神剧热了<span style="font-size: 15px;">&ensp;更多>
						</span></a>
								<a href="#" style="font-family: '微软雅黑'; font-size: 30px;float: right;">
									&ensp;精彩推荐<span style="font-size: 15px;">&ensp;更多>
						</span></a>
							</div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="row" style="font-family: '微软雅黑';">
						<div class="col-md-4">
							<ul style="list-style-type: none;">
								<li>
									<div class="thumbnail" style="height: 360px;">
										<a href="#"><img src="img/2019-12-11_152944.png" class="tpfd">
											<h4>慢游全世界</h4></a>李承铉下海为戚薇捞海胆 嘚瑟遭光速打脸~晕船！
									</div>
								</li>
							</ul>
						</div>
						<div class="col-md-2">
							<ul style="list-style-type: none;">
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153112.png">
											<h4>上新啦·故宫2</h4></a>青山绿水金箔香皂惊艳宋轶
									</div>
								</li>
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153124.png">
											<h4>主持人大赛2019</h4></a>撒贝宁呗cue红包欲逃走</div>
								</li>
							</ul>
						</div>
						<div class="col-md-2">
							<ul style="list-style-type: none;">
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153205.png">
											<h4>我们在行动第4季</h4></a>张艺兴变调音师改编佤族歌
									</div>
								</li>
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153227.png">
											<h4>穿越时间的味道</h4></a>何旭喜再制暖心料理
									</div>
								</li>
							</ul>
						</div>
						<div class="col-md-2">
							<ul style="list-style-type: none;">
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153245.png">
											<h4>我就是演员</h4></a>刘晓庆再演武则天征讨时间
									</div>
								</li>
								<li>
									<div class="thumbnail tpfd">
										<a href="#"><img src="img/2019-12-11_153303.png">
											<h4>王牌对王牌第4季</h4></a>贾玲开启献吻攻势
									</div>
								</li>
							</ul>
						</div>
						<div class="col-md-2">
							<ul style="list-style-type: none;">
								<li>
									<div class="thumbnail" style="width: 200px;">
										<a href="#"><img src="img/2019-12-11_160756.png" width="220px" class="tpfd">
											<h4>惊艳~奥地利烤肉拼盘</h4></a>
										<div style="padding-bottom: 10px; padding-top: 10px;">
											<a href="#">王一博确认参与湖南跨年</a>
										</div>
										<div style="padding-bottom: 10px; padding-top: 10px;">
											<a href="#">碎嘴大张伟上线</a>
										</div>
										<div style="padding-bottom: 10px; padding-top: 10px;">
											<a href="#">吴亦凡开启潮流之旅</a>
										</div>
										<div style="padding-bottom: 10px; padding-top: 10px;">
											<a href="#">高以翔爱篮球胜过演戏</a>
										</div>
										<div style="padding-bottom: 10px; padding-top: 10px;">
											<a href="#">不容错过的NPC采访</a>
										</div>
									</div>
								</li>
						</div>
					</div>
				</div>

				<div class="container" style="padding-top: 50px;">
					<div class="row">
						<div class="col-md-12">
							<div>
								<a href="#" style="font-family: '微软雅黑'; font-size: 30px;">
									电视剧<span style="font-size: 15px;">&ensp;更多>
						</span></a>
								<a href="#">&ensp;&ensp;非常静距离6</a>
								&ensp;/&ensp;
								<a href="#">康熙来了</a>
								&ensp;/&ensp;
								<a href="#">谷园讲通鉴</a>
								&ensp;/&ensp;
							</div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210638.png" width="160px" class="tpfd" />
									<h4>非常静距离</h4>朱丹自曝曾托汪涵上热门网综
									<br />
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210704.png" width="160px" class="tpfd" />
									<h4>独白</h4>汤唯曾因拍戏感染4次流感</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210717.png" width="160px" class="tpfd" />
									<h4>康熙来了</h4>小S被陈乔恩怼没作品大怒
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210731.png" width="160px" class="tpfd" />
									<h4>橘子辣访</h4>许凯给自己绝美女装扮相差评
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210746.png" width="160px" class="tpfd" />
									<h4>你次饭没</h4>杨奇函李思恒上演奇葩开杠
								</a>
							</div>
						</div>
						<div class="col-md-2">
							<div class="thumbnail" style="height: 170px; width: 180px;">
								<a href="#"><img src="img/2019-12-13_210810.png" width="160px" class="tpfd" />
									<h4>君有戏言</h4>毛晓彤谈感情问题曝感情观</a>
							</div>
						</div>
					</div>
				</div>

				<!--登录页面-->
				<div id="mymodal" class="modal fade">
					<div id="" class="modal-dialog">
						<div class="modal-content" style="width: 400px; height: 400px;">
							<div class="modal-header">
								<h4>爱奇艺&ensp;·&ensp;登录</h4>
							</div>
							<div class="modal-body">
								<div class=" row " style="margin-top: 30px;">
									<div class="col-md-3 dlfs ">
										<a href="ZhuCe1.html"><img src="img/2019-12-13_145046.png " width="50px " /></a>
									</div>
									<div class="col-md-3 dlfs ">
										<a href="WeiBo.html"><img src="img/2019-12-13_145059.png " width="50px " /></a>
									</div>
									<div class="col-md-3 dlfs ">
										<a href="QQDengLu.html"><img src="img/2019-12-13_145107.png " width="50px " /></a>
									</div>
									<div class="col-md-3 dlfs ">
										<a href="BaiDu.html"><img src="img/2019-12-13_145122.png " width="50px " /></a>
									</div>
								</div>
								<div class="row " style="margin-top: 10px;">
									<div class="col-md-3 " style="padding-left: 25px;margin-top: 25px; ">
										<a href="ZhiFuBao.html"><img src="img/2019-12-13_145129.png " width="50px " /></a>
									</div>
									<div class="col-md-3 " style="padding-left: 25px;margin-top: 20px; ">
										<a href="WeiXin.html"><img src="img/2019-12-13_145152.png" width="58px " /></a>
									</div>
								</div>
								<div class="row" style="text-align: center;margin-top: 45px;">
									<div class="col-md-12 ys " id="e">
										登录即代表同意
										<a href="# ">用户协议</a>和
										<a href="# ">隐私政策</a>
									</div>
								</div>
							</div>

							<div class="modal-footer ">
								<div class="row ">
									<div class="col-md-12">
										<a href="ZhuCe1.html" style="margin-right: 140px;">注册</a>
										<a href="ZhangHanoDenLu.html">账号密码登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
										<a href="SaoMaDengLu.html">手机扫描登录</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row" style="width: 100%;">
					<div class="col-md-12 tt">&ensp;&ensp;&ensp;&ensp;&ensp;
						<a href="#">公司介绍</a>&ensp;&ensp;|
						<a href="#">新闻动态</a>&ensp;&ensp;|
						<a href="#">联系方式</a>&ensp;&ensp;|
						<a href="#">招聘英才</a>&ensp;&ensp;|
						<a href="#">爱奇艺实验室</a>&ensp;&ensp;|
						<a href="#">开放平台</a>&ensp;&ensp;|
						<a href="#">爱奇艺号认证</a>&ensp;&ensp;|
						<a href="#">爱奇艺号</a>&ensp;&ensp;|
						<a href="#">爱奇艺会员合作</a>&ensp;&ensp;|
						<a href="#">帮助中心</a>&ensp;&ensp;|
						<a href="#">用户协议</a>&ensp;&ensp;
						<p style="padding-top: 10px;">反盗版和反盗链权利声明&nbsp;&nbsp;&nbsp;&nbsp;Copyright&nbsp;all&nbsp;rights&nbsp;reserved</p>
					</div>
				</div>
		</section>
		<script type="text/javascript">
			banner()
		</script>
	</body>

</html>